@import url(http://fonts.googleapis.com/css?family=Roboto:100,400,700);

* {
  padding: 0;
  margin: 0;
}

body {
  background-color: #dcdcdc;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
}

.search {
  background-color: #ccc;
  width: 75%;
  margin-left:auto;
  margin-right:auto;
}

#searchform {
  padding: 2em;
  text-align: center;
}
.searchinput
{
  padding: 0 0.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  color: #fff;
  /*background-color: rgba( 1, 1, 1, 0.05);*/
  background-color: transparent;
  border: none;
  /*border-radius: 0.5em;
  border-bottom: .25em solid rgba( 1, 1, 1, 0.05);*/
  border-bottom: .1em solid #f2f2f2;
  height: 2em;
  font-size: 1.2em;
}

.searchbutton
{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  height: 2em;
  font-size: 1.3em;
  color: #f3f3f3;
  background-color: #66cc99;
  border: none;
  border-bottom: .2em solid #59b89c;
  border-right: .1em solid #59b89c;
  padding: 0 .5em;
  border-radius: .5em;
}

.searchbutton:hover {
  color: #fff;
}

.searchbutton:focus:active {
  color: #f3f3f3;
  background-color: #59b89c;
  border: none;
  border-bottom: .2em solid #66cc99;
  border-right: .1em solid #66cc99;
}

.hidden
{
  display: none;
}
.result {
  width: 75%;
  margin-left:auto;
  margin-right:auto;
}
.result table {
  background-color: #bbb;
  border: none;
  width: 100%;
}